<!--
 * @Author: ryo
 * @Date: 2021-11-21 20:40:03
 * @LastEditors: ryo
 * @LastEditTime: 2021-11-25 17:45:34
 * @Description: 轮播组件
 * @FilePath: \site\src\components\common\Carousel.vue
-->
<template>
  <v-carousel
    cycle
    hide-delimiter-background
    :show-arrows="false"
    height="auto"
  >
    <v-carousel-item v-for="item in carouselModel.list" :key="item.id">
      <v-img :src="item.img" :eager="true"></v-img>
    </v-carousel-item>
  </v-carousel>
</template>

<script>
export default {
  name: 'Carousel',
  data() {
    return {
      carouselModel: {
        list: [
          { id: Symbol(), img: '/images/banner/01.jpg' },
          { id: Symbol(), img: '/images/banner/04.jpg' }
        ]
      }
    };
  }
};
</script>

<style></style>
